<template>
    <v-container fluid py-0 px-0>
        <v-row>
            <v-col class="col-12 col-md-6 pb-0 pb-md-3">
                <config-files-panel></config-files-panel>
            </v-col>
            <v-col class="col-12 col-md-6 pt-0 pt-md-3">
                <klippy-state-panel></klippy-state-panel>
                <system-panel></system-panel>
                <update-panel></update-panel>
                <v-row>
                    <v-col class="col-md-6 pb-0 pb-md-3" v-if="klipperState === 'ready'">
                        <endstop-panel></endstop-panel>
                    </v-col>
                    <v-col :class="(klipperState !== 'ready' ? 'col-md-12' : 'col-md-6 pl-0 pl-md-3')">
                        <logfiles-panel></logfiles-panel>
                    </v-col>
                </v-row>
            </v-col>
        </v-row>
    </v-container>
</template>
<script lang="ts">

import {Component, Mixins} from 'vue-property-decorator'
import BaseMixin from '@/components/mixins/base'
import KlippyStatePanel from '@/components/panels/KlippyStatePanel.vue'
import UpdatePanel from '@/components/panels/Machine/UpdatePanel.vue'
import LogfilesPanel from '@/components/panels/Machine/LogfilesPanel.vue'
import EndstopPanel from '@/components/panels/Machine/EndstopPanel.vue'
import ConfigFilesPanel from '@/components/panels/Machine/ConfigFilesPanel.vue'
import SystemPanel from '@/components/panels/Machine/SystemPanel.vue'
@Component({
    components: {
        SystemPanel,
        ConfigFilesPanel,
        EndstopPanel,
        LogfilesPanel,
        UpdatePanel,
        KlippyStatePanel
    }
})
export default class PageMachine extends Mixins(BaseMixin) {

}
</script>